/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[7].use[3]!./src/components/Home/NavMenu.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.NavMenu_main__kuLEE::-webkit-scrollbar {
  width: 7px;
}

.NavMenu_main__kuLEE::-webkit-scrollbar-track {
  background-color: white;
}

.NavMenu_main__kuLEE::-webkit-scrollbar-thumb {
  background: #c9c9c9;
  border-radius: 25px;
}
.NavMenu_page__uvwek {
  background-color: #3e3e3e;
  display: flex;
  justify-content: center;
  height: 100vh;
}
.NavMenu_main__kuLEE {
  background-color: #f8f8fb;
  width: 750px;
  height: 100vh;
  overflow-x: scroll;
}

/* ...........navbar........... */

.NavMenu_sticky__3Eksy {
  position: sticky;
  top: 0;
  z-index: 9999;
  background-color: #f8f8fb;
}

.NavMenu_navbar__zskjb {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: white;
  padding: 16px 25px;
  border-bottom: 1px solid #f8f8fb;
}

.NavMenu_backbutton__ZZrzL {
  color: black;
  font-size: 1rem;
  cursor: pointer;
  background: none;
  border: none;
  outline: none;
}

.NavMenu_backbutton__ZZrzL .NavMenu_arrow__F0qg3 {
  margin-right: 8px;
}
.NavMenu_arrow__F0qg3 img {
  width: 20px;
  height: 20px;
}
.NavMenu_title__5L8qF {
  color: black;
  font-weight: bold;
  color: #222222;
  text-align: center;
  font-size: 14px;
}

/* ...........hamburger........... */

.NavMenu_container__yctNf {
  background-color: white;
  margin-bottom: 70px;
}

.NavMenu_flexcolumn__nEpW8 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
}

.NavMenu_profileimage__p6QdS {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-bottom: 16px;
}
.NavMenu_profilename__I6mdH {
  display: flex;
  gap: 7px;
  align-items: center;
  margin-bottom: 10px;
}
.NavMenu_profilename__I6mdH img {
  width: 20px;
  height: 20px;
}

.NavMenu_heading__kcmbm {
  color: #000000;
  text-align: left;
  font-size: 16px;
  font-weight: 600;
}

.NavMenu_paragraph__T5S6y {
  color: #71717a;
}

.NavMenu_link-container__0y3W8 {
  width: 100%;
}

.NavMenu_link__d4Gvd {
  text-decoration: none;
  display: block;
  padding: 18px 0;
  text-align: center;
  background-color: transparent;
  transition: background-color 0.2s;
  color: #222222;
  font-size: 14px;
  font-weight: 600;
}

.NavMenu_link__d4Gvd:hover {
  background-color: #f3f4f6;
}

.NavMenu_dropdown__xZUbR,
.NavMenu_button__cj_au {
  width: 150px;
  padding: 8px 16px;
  margin-bottom: 16px;
  border: 1px solid #d1d5db;
  border-radius: 20px;
  cursor: pointer;
}

.NavMenu_dropdown__xZUbR {
  background-color: white;
  color: #222222;
  text-align: left;
  font-size: 14px;
  font-weight: 600;
}

.NavMenu_button__cj_au {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #e4453b;
  color: white;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  gap: 10px;
}

/* ................Bottom navbar..............  */

.NavMenu_bottomnavbar__jfV_e {
  position: fixed;
  bottom: 0;
  width: 750px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 59px;
  background-color: white;
  box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.05);
}

.NavMenu_activebottom__jcn2a,
.NavMenu_nonactivebottom__A_51y {
  display: grid;
  float: left;
  color: #e4453b;
  padding: 14px;
  justify-items: center;
  text-decoration: none;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
}
.NavMenu_nonactivebottom__A_51y {
  color: #000000;
}
.NavMenu_activebottom__jcn2a img,
.NavMenu_nonactivebottom__A_51y img {
  width: 20px;
  height: 20px;
}

@media (max-width: 768px) {
  .NavMenu_main__kuLEE,
  .NavMenu_bottomnavbar__jfV_e {
    width: 100%;
  }
  .NavMenu_activebottom__jcn2a span,
  .NavMenu_nonactivebottom__A_51y span {
    display: none;
  }
  .NavMenu_main__kuLEE::-webkit-scrollbar {
    display: none;
  }
}